import { Feed, Icon } from '@fomantic-react/main';

export default () => (
  <Feed>
    <Feed.Event>
      <Feed.Label>
        <img src="/images/elliot.jpg" />
      </Feed.Label>
      <Feed.Content>
        <Feed.Summary>
          <Feed.User>Elliot Fu</Feed.User>
          <span> added you as a friend</span>
          <Feed.Date>1 Hour Ago</Feed.Date>
        </Feed.Summary>
        <Feed.Meta>
          <Feed.Like>
            <Icon name="like" /> 4 likes
          </Feed.Like>
        </Feed.Meta>
      </Feed.Content>
    </Feed.Event>
    <Feed.Event>
      <Feed.Label>
        <img src="/images/helen.jpg" />
      </Feed.Label>
      <Feed.Content>
        <Feed.Summary>
          <a>Helen Troy</a> added <a>2 new illustrations</a>
          <Feed.Date>4 days ago</Feed.Date>
        </Feed.Summary>
        <Feed.Extra images>
          <a>
            <img src="/images/image.png" />
          </a>
          <a>
            <img src="/images/image.png" />
          </a>
        </Feed.Extra>
        <Feed.Meta>
          <Feed.Like>
            <Icon name="like" /> 1 Like
          </Feed.Like>
        </Feed.Meta>
      </Feed.Content>
    </Feed.Event>
    <Feed.Event>
      <Feed.Label>
        <img src="/images/jenny.jpg" />
      </Feed.Label>
      <Feed.Content>
        <Feed.Summary>
          <Feed.User>Jenny Hess</Feed.User>
          <span> added you as a friend</span>
          <Feed.Date>2 Days Ago</Feed.Date>
        </Feed.Summary>
        <Feed.Meta>
          <Feed.Like>
            <Icon name="like" /> 8 likes
          </Feed.Like>
        </Feed.Meta>
      </Feed.Content>
    </Feed.Event>
    <Feed.Event>
      <Feed.Label>
        <img src="/images/joe.jpg" />
      </Feed.Label>
      <Feed.Content>
        <Feed.Summary>
          <Feed.User>Joe Henderson</Feed.User>
          <span> posted on his page</span>
          <Feed.Date>3 Days Ago</Feed.Date>
        </Feed.Summary>
        <Feed.Extra text>
          Ours is a life of constant reruns. We&apos;re always circling back to where we&apos;d we started, then
          starting all over again. Even if we don&apos;t run extra laps that day, we surely will come back for more of
          the same another day soon.
        </Feed.Extra>
        <Feed.Meta>
          <Feed.Like>
            <Icon name="like" /> 5 likes
          </Feed.Like>
        </Feed.Meta>
      </Feed.Content>
    </Feed.Event>
  </Feed>
);
